<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
		<head>
			<meta charset="utf-8">
			<script type="text/javascript" src="js/jquery-1.8.0.js"></script>
			<script type="text/javascript" src="js/jquery.easing.js"></script>
			<script type="text/javascript" src="js/jquery.accordion.js"></script>
			
<script type="text/javascript">
	$(function(){
		$('#navigation').accordion({
			active:1,   /* 第三个被激活 */
			header: '.head',
			/*navigation1: false,  */
			event: 'click',
			fillSpace: true,
			animated: 'bounceslide'   /*slide,bounceslide ,bounceslide,easeslide'*/
		});
	});
</script>
			<link rel="stylesheet" type="text/css" href="css/menu.css">

		</head>
		<body>
			 <ul id="navigation">
				 <c:forEach items="${sessionScope.menus}" var="menuLevelOne">
				<li>

					<a class="head">${menuLevelOne.menuName}</a>

					<ul>

						<li>
							<c:forEach items="${menuLevelOne.childs}" var="menuLevelTwo">
							<a href="${menuLevelTwo.url}" target="${menuLevelTwo.target}"><img src="images/${menuLevelTwo.icon}" /><label>${menuLevelTwo.menuName}</label></a>
							</c:forEach>
						</li>

					</ul>
				</li>
				 </c:forEach>
    <li> <a class="head">网站前台</a>
      <ul>
        <li><a href="http://localhost:8080/shop" target="_blank"><img src="images/main_50.gif" /><label>网站前台</label></a></li>
      </ul>
    </li>
  </ul>
		</body>
</html>
